@import './index.module.scss';

$tag-bg-color: #f3f2f1;
$des-text-color: #605e5c;

.appInfo {
  display: flex;
  background: $background-base-color;
  border-radius: 12px;
  height: 160px;

  &:hover {
    background: $background-max-hover;
  }

  .appDesc {
    flex-grow: 1;
    flex-basis: 580px;
    display: flex;
    flex-direction: column;
  }

  .description {
    padding-top: 8px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: $des-text-color;
    font-size: 12px;
  }
}

.labelsContainer {
  width: 140px;
  margin-left: 24px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  scroll-behavior: smooth;
  &::-webkit-scrollbar {
    display: none;
  }
}
